<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 在线学习平台</title>
    <!-- 引入外部CSS文件 -->
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- 头部区域 -->
    <header>
        <div class="container">
            <h1>在线学习平台</h1>
            <nav>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="courses.html">课程</a></li>
                    <li><a href="videos.html">视频</a></li>
                    <li><a href="about.html">关于我们</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- 主要内容区域 -->
    <div class="container">
        <!-- 主内容区（关于我们页面不需要侧边栏） -->
        <main class="main-content" style="width: 100%;">
            <section class="book-section">
                <h2>关于我们</h2>
                <p>欢迎访问我们的在线学习平台！我们致力于为广大学员提供高质量的教育资源，帮助大家掌握实用技能，提升职业竞争力。</p>
                <h3>我们的使命</h3>
                <p>我们的使命是让优质教育资源触手可及，无论您身在何处，都能通过我们的平台学习到实用的知识和技能。</p>
                <h3>我们的优势</h3>
                <ul style="margin-left: 2rem;">
                    <li>专业的师资团队</li>
                    <li>丰富的课程资源</li>
                    <li>灵活的学习方式</li>
                    <li>优质的学习体验</li>
                </ul>
                <h3>联系我们</h3>
                <p>如果您有任何问题或建议，欢迎随时联系我们：</p>
                <p>邮箱：contact@example.com</p>
                <p>电话：123-4567-8910</p>
            </section>
        </main>
    </div>

    <!-- 页脚区域 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-info">
                    <h3>关于我们</h3>
                    <p>我们是一家专注于提供优质在线教育资源的平台，帮助学员掌握实用技能，提升职业竞争力。</p>
                </div>
                <div class="footer-links">
                    <h3>快速链接</h3>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="courses.html">课程</a></li>
                        <li><a href="videos.html">视频</a></li>
                        <li><a href="about.html">关于我们</a></li>
                    </ul>
                </div>
                <div class="footer-contact">
                    <h3>联系我们</h3>
                    <p>邮箱: contact@example.com</p>
                    <p>电话: 123-4567-8910</p>
                </div>
            </div>
        </div>
        <!-- 版权声明模块 -->
        <div class="copyright">
            <p>© 2023 在线学习平台 版权所有</p>
        </div>
    </footer>

    <!-- 引入外部JavaScript文件 -->
    <script src="script.js"></script>
</body>
</html>